<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>箭头函数</title>
</head>

<body>
    <script>

        // 通过function直接定义方法
        function sayHello(){
            console.log('Hello');
        }
        sayHello()
        
        // 也可以先将定义的方法，给一个变量接收
        let sayHi = function(){
            console.log('Hi');
        }
        sayHi()

        console.log('---------ES6的新语法，箭头函数-----------');

        let sayLove = ()=>{
            console.log('Love');
        }
        sayLove()

        // 带参数的箭头函数

        let clac = (num1,num2)=>{
           console.log(`${num1}+${num2}=${num1+num2}`);
        }

        // 在箭头函数中如果方法体只有一条语句，大括号可以省略 但是return要去掉

        let clac = (num1,num2)=> console.log(`${num1}+${num2}=${num1+num2}`);

        clac(10,20)
        
        // 

        // 字符串的翻转方法

        let reverseStr = function(str){
            return str.split('').reverse().join('')
        }

        // 在箭头函数中，如果方法只有一条语句，并且还是返回语句
        // 在去掉大括号的同事，必须要去掉return
        // 在箭头函数中，如果方法只有一个参数，小括号可以省略
        
        let reverseStr = (str)=> str.split('').reverse().join('')

        console.log(reverseStr('123456'));






    </script>
</body>

</html>